<div class="document-mgt main">
  <!-- 搜索框 -->
  <!-- <div class="document-search-bar shadowbox">
    <div class="header-icon-outer">
      <img src="../../../assets/images/document-search-icon.png" alt="">
      <div class="bottom-line"></div>
    </div>
    <div class="search-bar-outer">
      <input type="text" class="search-input"
        placeholder="请输入文件名称" 
        ng-model="documentMgt.keyword">
      <a class="search-btn query">
        <i class="fa fa-search"></i>
        <span class="ml5">查询</span>
      </a>
    </div>
  </div> -->
  <!-- 书架(一级) -->
  <div class="book-shelf"
    ng-show="!documentMgt.shouldTableShow">
    <div class="table-row"
      ng-repeat="row in documentMgt.documentList4show">
      <img
        ng-repeat="img in row"
        ng-src="{{documentMgt.loadImage(img)}}" draggable="false"
        ng-click="documentMgt.toDocumentItemMgt(img)">
    </div>
  </div>
  <!-- 搜索结果 -->
  <div class="book-search-result"
    ng-show="documentMgt.shouldTableShow">
    <div class="sub-relationship-container shadowbox">
      <div class="sub-relationship-header">从属分类</div>
      <div class="sub-relationship-content">
        <div class="box-item">
          <div class="left-part">
            <img src="../../../assets/images/book1.png"
              draggable="false"
              ng-click="$state.go('documentItemMgt', {id: 1, type: 'detail'})">
          </div>
          <div class="right-part">
            <a class="pa-btn" ng-click="$state.go('documentItemMgt', {id: 1, type: 'detail'})">查看内容</a>
          </div>
        </div>
        <div class="box-item">
          <div class="left-part">
            <img src="../../../assets/images/book2.png"
              draggable="false"
              ng-click="$state.go('documentItemMgt', {type: 2})">
          </div>
          <div class="right-part">
            <a class="pa-btn" ng-click="$state.go('documentItemMgt', {type: 1})">查看内容</a>
          </div>
        </div>
        <div class="box-item">
          <div class="left-part">
            <img src="../../../assets/images/book3.png"
              draggable="false"
              ng-click="$state.go('documentItemMgt', {type: 3})">
          </div>
          <div class="right-part">
            <a class="pa-btn" ng-click="$state.go('documentItemMgt', {type: 1})">查看内容</a>
          </div>
        </div>
      </div>
    </div>

    <div style="margin-top: 12px;">
      <div class="pa-table-container shadowbox">
        <div class="table-outer" style="margin-top: 14px;">
          <table class="pa-table">
            <thead>
              <tr>
                <th>档案号</th>
                <th>卷宗题名</th>
                <th>#</th>
              </tr>
            </thead>
            <tbody>
              <tr
                ng-repeat="item in documentMgt.fileList">
                <td>{{item.id}}</td>
                <td>{{item.name}}</td>
                <td>
                  <span>删除</span>
                  <span>预览</span>
                  <span>下载</span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>